// 头部
// $(".help-button").on("mouseover",function(){
//     $(".help-button").addClass("help-button_hover")
//     console.log(1)
// })





// 导航
$(".level1 li").attr("data-index",function(index){
    return index;
})
$(".lineNav li").attr("data-index" , function(index){
    return index ;
})
var index = 0;
var timer = null
$(".level-list").on("mouseenter",function(){
    index = $(this).attr("data-index")
    clearInterval(timer);
    $(".navigation-expanded").eq(index).show()
    .siblings(".navigation-expanded")
    .hide()
})
$(".level-list").on("mouseleave",function(){
    clearInterval(timer);
    timer = setTimeout(function(){
        $(".navigation-expanded").hide()
    },300)
})
$(".navigation-expanded").on("mouseenter" , function(){
    clearInterval(timer);

})
$(".navigation-expanded").on("mouseleave" , function(){
    clearInterval(timer)
    timer = setTimeout(function(){
        $(".navigation-expanded").hide()
    },300)
})

$(".lineNav li").on("mouseenter" , function(){
    // console.log(index)
    index = $(this).attr("data-index") 
    $(".lineNav li").removeClass('active')
    $(".lineNav li").eq(index).addClass('active')
})
$(".lineNav li").on("mouseleave" , function(){
    // console.log(index)
    index = $(this).attr("data-index") 
    $(".lineNav li").removeClass('active')
    $(".lineNav li").eq(index).addClass('active')
})


// 文字轮播图
var swiper1 = new Swiper("#homecontent" , {
    autoplay : true ,
    effect : "slide" ,
    loop : true
})

// 图片轮播图
var swiper2 = new Swiper("#slidecontent" , {
    autoplay : true ,
    effect : "fade",
    loop : true ,
    navigation: {
        nextEl: '.swiper-slide-next',
        prevEl: '.swiper-slide-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        clickable :true,
      }
})


// !!!!
$('.rslides_title li').attr("data-index",function(index){
    return index
})
// 首先获取每个Li的下标
var index = null
$(".rslides_title li").hover(function(){
    index = $(this).attr("data-index")
    console.log(index)
    $('.swiper-pagination-bullet').eq(index).click() 
    // $(".rslides_title li").eq($this).css({
    //     borderTop: "1px solid #000",
    //     color:" #000"
    // })
    // 当鼠标移入li时，每个对应的分页器就发生点击事件
},function(){
    swiper2.autoplay.start();
    // 自动轮播开始
})

// 吸顶菜单
$(window).scroll(function(){
    // console.log(1)
    var scrolltop = document.documentElement.scrollTop ||document.body.scrollTop
    var clienttop = $(window).height()
    if( scrolltop > 80){
        $("#header").addClass("fixed")
        $("#header").css({
            height : "50"
        })
        $("#navigation").addClass("fixed_1")
        $("#navigation").css({
            height : "30",
        })
        $(".hasSubcategories").css({
            fontSize : "14px"
        })
        $(".level1 li i").css({
            marginLeft : "36px",
            bottom : "3px"
        })
    }else{
        $("#header").removeClass("fixed")
        $("#header").css({
            height : "80"
        })
        $("#navigation").removeClass("fixed_1")
        $("#navigation").css({
            height : "50"
        })
        $(".level1 li i").css({
            marginLeft : "-6px",
            bottom : "6px"
        })
    }
})

// 切换选项卡
$(".bs-container").attr("data-index",function(index){
    return index
})
$(".bs-container").on("mouseenter",function(){
    // console.log(1)
    index = $(this).attr("data-index")
    console.log(index);
    $(".list-slide-container").removeClass("visible")
    $(".list-slide-container").eq(index).addClass("visible")
    
})

// 登录
$(".log").on("click",function(){
    $(".header-expanded").show()
    $(".login-content").show()
    $(".registration-content").hide()
})
$(".mgb5").on("click",function(){
    // console.log(1);

    var loginName = $("#loginName")
    var loginPWD = $("#loginPWD")

    // 获取用户的名字
    var loginName_value = $("#loginName").val();
    var loginPWD_value = $("#loginPWD").val()
    // console.log($loginName_value)

    if(loginName_value == '' || loginPWD_value == ''){
        // alert("用户名及密码不能为空")
        $("#loginName").css({
            borderColor : "red"
        })
        $("#loginPWD").css({
            borderColor : "red"
        })
    }else{
        var datas = {
            loginName : loginName_value,
            loginPWD : loginPWD_value
        }
        $.ajax("http://localhost/conservelogin/getusername.php?loginName=loginName_value&loginPWD=loginPWD_value",{
            type : "GET",
            data:datas, 
            dataType:'json'
        })
        .then(function(res){
            if( res.type == "success"){
                        $.cookie("usermsg", loginName_value)
                        // location.href = "index.html";
                        window.location.reload();
                        // console.log(res) 
                        alert("登录成功")
                        // $("#empty-memberName").css({
                        //     display : "none"
                        // })
                    }
                    if(res.type == "error"){
                        alert(res.error_msg)
                    }
        })
    }
    $("#empty-memberName").hide()
    $("#notempty-memberName").show()
})

// 注册
$(".register").on("click" , function(){
    $(".header-expanded").show()
    $(".login-content").hide()
    $(".registration-content").show()
})

// 手机号
$("#mobile-reg").on("blur",function(){
    console.log(1)
    var reg = /^1(3|4|5|6|7|8|9)\d{9}$/
    var mobile_phone = $("#mobile-reg").val()
    if(mobile_phone == ""){
        $("#mobile-reg").css({
            borderColor : "red"
        })
        $(".header-expanded span").show()
        $(".error_1").text("请输入电话号码")
    }
    if(reg.test(mobile_phone)){
        $("#mobile-reg").css({
            borderColor : "green"
        })
        $(".header-expanded span").hide()
    }else{
        $("#mobile-reg").css({
            borderColor : "red"
        })
        $(".header-expanded span").show()
        $(".error_1").text("请输入11位有效中国手机号码！")
    }
})

// 密码
$("#password-reg").on("blur",function(){
    
    var reg = /^[0-9a-zA-Z]{6,12}$/;
    var password_value = $("#password-reg").val()
    if(!reg.test(password_value)){
        if(password_value == ""){
            $("#password-reg").css({
                borderColor :  "red"
            })
            $(".header-expanded span").show()
            $(".error_2").text("请输入密码")
        }else{
            $("#password-reg").css({
                borderColor : "red"
            })
            $(".header-expanded span").show()
            $(".error_2").text("密码为6-12位字符！！")
        }
    }else{
        $("#password-reg").css({
            borderColor :  "green"
        })
        $(".header-expanded span").hide()
    }
})
// 确认密码
$("#passwordAgain-reg").on("blur", function(){
    var password_value = $("#password-reg").val()
    var passwordAgain_value =$("#passwordAgain-reg").val()
    if(password_value == passwordAgain_value){
        $("#passwordAgain-reg").css({
            borderColor :  "green"
        })
        $(".header-expanded span").hide()
    }else{
        $("#passwordAgain-reg").css({
            borderColor :  "red"
        })
        $(".header-expanded span").show()
        $(".error_3").text("抱歉，两次输入的密码不匹配！")
    }
})

// 邮箱
$("#email-reg").on("blur",function(){
    var reg = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g
    var email_value = $("#email-reg").val()
    if(email_value == ""){
        $("#email-reg").css({
            borderColor : "red"
        })
        $(".header-expanded span").show()
        $(".error_4").text("请输入邮箱")
    }
    if(reg.test(email_value)){
        $("#email-reg").css({
            borderColor : "green"
        })
    }else{
        $("#email-reg").css({
            borderColor : "red"
        })
        $(".header-expanded span").show()
        $(".error_4").text("请输入有效的电子邮箱地址！")
    }
})

// 注册用户名
$("#registration-btn").on("click",function(){
    // console.log(1);

    var mobile_reg = $("mobile-reg")
    var password_reg = $("#password-reg")

    // 获取用户的名字
    var mobile_value = $("#mobile-reg").val();
    var password_value = $("#password-reg").val()
    // console.log($loginName_value)

        var datas = {
            mobile_reg : mobile_value,
            password_reg : password_value
        }
        $.ajax("http://localhost/conservelogin/registerusername.php?mobile_reg=mobile_value&password_reg=password_value",{
            type : "GET",
            data:datas, 
            dataType:'json'
        })
        // .then(function(res){
        //     if( res.type == "success"){
        //                 $.cookie("usermsg", loginName_value)
        //                 // location.href = "index.html";
        //                 window.location.reload();
        //                 // console.log(res) 
        //                 alert("登录成功")
        //                 // $("#empty-memberName").css({
        //                 //     display : "none"
        //                 // })
        //             }
        //     if(res.type == "error"){
        //             alert(res.error_msg)
        //     }
        // }    
})

